@charset "utf-8";

html,
body {
    _background-image: url(about:blank);
    _background-attachment: fixed;
    color: #666
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea {
    font: 12px/1 'Microsoft YaHei', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 16px
}

h3 {
    font-size: 14px
}

h4,
h5,
h6 {
    font-size: 100%
}

i,
s {
    font-style: normal
}

address,
cite,
dfn,
em,
var {
    font-style: normal
}

code,
kbd,
pre,
samp,
tt {
    font-family: "Courier New", Courier, monospace
}

small {
    font-size: 13px
}

ul,
ol {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

abbr[title],
acronym[title] {
    border-bottom: 1px dotted;
    cursor: help
}

q:before,
q:after {
    content: ''
}

legend {
    color: #000
}

fieldset,
img {
    border: none
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px
}

html {
    overflow-y: scroll
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: ".";
    clear: both;
    height: 0
}

.top,
.same-width,
.txt,
.middle,
.prolist,
.logo,
.prod-mid,
.nav,
.txt,
.con,
.list,
.lst,
.n-mid,
.liz-wrap,
.liz-wrapf,
.liz-wrapb,
.liz-wrapa,
.company,
.ads,
.footer-list,
.friend-link,
.copyright,
.jl-con,
.Introduction,
.mid-m,
.youqing {
    width: 1080px;
    margin: 0 auto;
    overflow: hidden
}

.list .list-footer {
    clear: both;
    height: 146px;
    background: url(../images/list_end.jpg) no-repeat left bottom #1152cb;
    margin-top: 35px;
    float: left;
    width: 100%
}

.lst-wrap {
    background: url(../images/wrap-bg.jpg) no-repeat center center
}

.lst {
    height: 173px;
    background: url(../images/bg1.jpg) no-repeat
}

.header {
    background: url(../images/header-bg.jpg);
    height: 32px;
    line-height: 32px;
    border-bottom: 2px solid #fff
}

.top {
    color: #8a8a8a
}

.top-left {
    float: left
}

.top-right {
    float: right
}

.top-right a {
    color: #8a8a8a;
    padding-right: 8px;
    border-right: 1px solid #a3a3a3;
    margin-right: 8px
}

.top-right a.spr {
    border: none;
    margin-right: 30px
}

.top-right a.spt {
    border: none
}

.top-right a:hover {
    text-decoration: underline;
    color: red
}

.t-mid {
    height: 125px
}

.middle {
    position: relative
}

.yuyan {
    width: 205px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 0px;
}

.yuyan ul {
    width: 205px;
    overflow: hidden;
}

.yuyan ul li {
    width: 102px;
    display: block;
    float: left;
}

.yuyan ul li a {
    color: #8a8a8a;
    padding-right: 8px;
    border-right: 1px solid #a3a3a3;
    margin-right: 8px
}

.yuyan ul li a.spr {
    border: none;
    margin-right: 30px;
}

.t-mid .m-left {
    float: left;
    margin-top: 32px
}

.t-mid img {
    float: left;
    margin: 28px 0 0 25px
}

.t-mid .m-left h1 {
    color: #024a96;
    font-size: 30px
}

.t-mid .m-left p {
    margin-top: 7px;
    color: #000;
    font-size: 14px
}

.t-mid .m-left p.midp {
    color: #453f3d;
    font-size: 14px
}

.t-mid .m-left p span {
    font-style: italic
}

.t-mid .m-right {
    position: absolute;
    background: url(../images/phone.jpg) no-repeat;
    height: 50px;
    right: 28px;
    bottom: 10px
}

.t-mid .m-right p {
    color: #585858;
    font-size: 16px;
    margin-left: 50px
}

.t-mid .m-right p.sph {
    color: #024a96;
    font-size: 26px;
    font-weight: bold;
    margin-top: 8px
}

.navigation {
    background-color: #024a96;
    height: 50px;
}

.navigation li {
    float: left;
    _display: inline;
    line-height: 50px;
    height: 50px;
}

.navigation li.marg {
    margin-left: 53px
}

.navigation li.no-img a {
    background: none
}

.navigation li a {
    display: block;
    font-size: 15px;
    color: white;
    height: 100%;
    display: block;
    width: 100px;
    text-align: center;
    background: url(../images/end-nav.jpg) no-repeat right center
}

.navigation li a:hover {
    text-decoration: none;
    color: #fff;
    background: #dd3b0a;
}

.flexslider {
    position: relative;
    height: 500px;
    overflow: hidden;
    background: url("../images/loading.gif") 50% no-repeat
}

.slides {
    position: relative;
    z-index: 9
}

.slides li {
    height: 500px
}

.slides li a {
    display: block;
    width: 100% !important;
    height: 100%
}

.flex-control-nav {
    position: absolute;
    bottom: 42px;
    left: 42%;
    z-index: 9999;
    width: 200px;
    text-align: center
}

.flex-control-nav li {
    display: inline-block;
    width: 25px;
    height: 25px;
    *display: inline;
    zoom: 1;
    margin: 0 5px;
    background-color: #243148
}

.flex-control-nav a {
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    color: white
}

.flex-control-nav .flex-active {
    background-color: #ff0000;
    color: white
}

.flex-direction-nav {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 45%;
    display: none
}

.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute
}

.flex-direction-nav li a.flex-prev {
    left: 40px;
    background: url("../images/prev.png") center center no-repeat
}

.flex-direction-nav li a.flex-next {
    right: 40px;
    background: url("../images/next.png") center center no-repeat
}

.flexslider .link {
    text-align: center;
    line-height: 23px;
    position: absolute;
    left: 0;
    top: 20px;
    width: 100px;
    float: left;
    padding-right: 20px;
    padding-left: 10px;
    font-size: 11px;
    z-index: 0
}

.flexslider .link a {
    font-size: 10px;
    font-family: YouYuan;
    color: #3E3A39
}

.flexslider .link a:hover {
    color: white
}

.wrap_txt {
    height: 45px;
    line-height: 51px;
    background-color: #e9e9e9
}

.txt .spt {
    color: #282828;
    font-weight: bold
}

.txt a {
    color: #868686;
    text-decoration: none
}

.txt a:hover {
    color: #ef5012;
    text-decoration: underline
}

.search {
    float: right;
    height: 29px;
    margin-top: 10px;
    overflow: hidden;
    padding-right: 40px;
}

.search input {
    float: left;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    background-color: #f4f4f4;
    line-height: 26px;
    border: 1px solid #d2d2d2;
    margin-right: 1px;
}

.search input.text1 {
    text-indent: 5px;
    width: 180px;
    font-size: 12px;
    color: #cdcdcd;
}

.search button {
    background: url(../images/btn.jpg) no-repeat;
    width: 49px;
    height: 27px;
    border: none;
    float: left;
}

.product {
    background: url(../images/product-bg.jpg);
    padding-top: 18px;
    padding-bottom: 25px
}

.prolist {
    background-color: white;
    position: relative;
    overflow: hidden
}

.product .pleft {
    width: 255px;
    border: 2px solid #024a96;
    background-color: #f9f9f9;
    float: left
}

.product .pleft .plefta {
    margin: 0;
    text-align: center;
    color: white;
    font-size: 30px;
    width: 255px;
    height: 95px;
    background-color: #024a96
}

.product .pleft .plefta p {
    margin-top: 16px;
    overflow: hidden;
    float: left;
    width: 100%
}

.product .pleft .plefta span {
    color: #95a8c8;
    font-size: 16px
}

.product .pleft li {
    margin: 10px 10px
}

.product .pleft li a.tit {
    background-color: #024a96;
    line-height: 30px;
    height: 30px;
    display: block;
    color: #efefef;
    padding-left: 20px;
    font-size: 14px
}

.product .pleft ul li ul {
    display: none;
}

.product .pleft ul li {
    display: block;
}

.product .pleft li ul li {
    height: 14px;
    line-height: 14px;
    background: none;
    background: url(../images/libg.jpg) no-repeat left center
}

.product .pleft li ul li.act a {
    color: #4a4a4a;
}

.product .pleft li ul li a {
    color: #4a4a4a;
    padding-left: 18px
}

.pright {
    float: right;
    width: 810px;
    position: relative;
    overflow: hidden
}

.pright h3 {
    margin: 12px 0;
    border-left: 13px solid #024a96;
    position: relative
}

.pright h3 span {
    display: block;
    margin-bottom: 5px;
    margin-left: 13px
}

.pright h3 span.th {
    font-size: 20px;
    color: #dd3c0b
}

.pright h3 span.sub-th {
    font-size: 14px;
    color: #999;
    font-weight: normal
}

.pright h3 a {
    display: block;
    position: absolute;
    right: 25px;
    top: 10px;
    color: #999;
    font-weight: normal
}

.pright ul {
    border-top: 1px solid #c0c0c0;
    padding: 20px 0;
    float: left;
    width: 785px;
    overflow: hidden;
    position: relative
}

.pright ul li {
    width: 810px;
    float: left
}

.pright ul li dl {
    overflow: hidden;
    display: none
}

.pright ul li dl.show {
    display: block
}

.pright ul li dl dd {
    width: 248px;
    float: left;
    margin: 0 7px 17px;
    _display: inline
}

.pright ul li dl dd img {
    width: 246px;
    border: 1px solid #dfdfdf;
    height: 218px;
    font-size: 0
}

.pright ul li dl dd a {
    display: block;
    font-size: 14px;
    color: black
}

.pright .slide {
    width: 810px;
    overflow: hidden;
    position: relative
}

.pright ul li dl a {
    display: block;
    background-color: #efefef;
}

.pright ul li dl a:hover {
    background-color: #024a96;
    color: white;
}

.pright ul li dl dd p {
    height: 56px;
    line-height: 56px;
    text-align: center;
    margin-top: -2px
}

.prod {
    background: url(../images/prod1.jpg) no-repeat center
}

.prod-mid {
    background: url(../images/prod2.jpg) no-repeat center;
    height: 267px
}

.prod-mid p {
    color: #fff;
    margin-left: 820px;
    margin-top: 13px
}

.prod-mid p.prod-a {
    margin-top: 93px;
    width: 170px;
    height: 50px;
    border: 3px solid #fff;
    font-size: 26px;
    text-align: center;
    line-height: 50px
}

.prod-mid p.prod-a a {
    color: #fff;
    display: block
}

.prod-mid p.prod-a a:hover {
    background-color: #1b5593
}

.prod-mid p.prod-b {
    font-size: 20px
}

.prod-mid p.prod-c {
    font-size: 30px
}

.wrap-com {
    overflow: hidden;
    padding: 15px 32px;
    background-color: white
}

.Introduction {
    background-color: white;
    padding: 15px 0
}

.Introduction h1 {
    line-height: 50px;
    text-align: center;
    color: #024a96;
    font-size: 30px;
    background: url(../images/Introduction2.jpg) no-repeat;
    background-position: center;
    position: relative;
    padding-bottom: 7px;
    padding-left: 20px
}

.Introduction h1 span {
    color: #dd3c0b;
    padding-top: 10px
}

.adre {
    margin-top: 37px;
    height: 337px
}

.adrea {
    width: 378px;
    height: 272px;
    float: left;
    border: 5px solid #91a9c5;
    margin-left: 28px;
    _display: inline
}

.adrea img {
    width: 378px;
    height: 272px
}

.adred {
    margin-left: 22px;
    width: 618px;
    height: 321px;
    float: left;
    _display: inline
}

.adred p {
    margin-top: 10px;
    font-size: 14px;
    color: #676767;
    text-indent: 2em;
    line-height: 22px
}

.adred a {
    display: block;
    float: left;
    border: 3px solid #024a96;
    width: 120px;
    height: 40px;
    margin-right: 15px;
    font-size: 16px;
    color: #024a96;
    text-align: center;
    line-height: 38px;
    margin-top: 18px
}

.adred a.first {
    margin-left: 6px
}

.adred a:hover {
    background-color: #dd3c0b;
    color: white
}

.pica {
    width: 100%;
    overflow: hidden;
    position: relative
}

.pica .pic-wrappera {
    width: 895px;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.pica a {
    display: block;
    overflow: hidden;
    color: #000;
    border: none;
    outline: 0 none
}

.pica li {
    width: 218px;
    text-align: center;
    float: left;
    _display: inline;
    margin: 0 3px
}

.pic-wrapper img {
    border: 1px solid #c8c9ca;
    width: 256px;
    height: 168px;
    display: block;
    margin: 0 auto
}

.pica li p {
    margin-top: 15px;
    font-size: 16px;
    color: #454545
}

.liz {
    margin-top: 10px;
}

.liz dl {
    overflow: hidden;
    padding-top: 10px;
}

.liz dt {
    height: 85px;
    padding-left: 98px
}

.list1 dt {
    background: url(../images/youshi8.png) no-repeat
}

.liz dd {
    padding-left: 100px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    height: 30px;
    background: url(../images/youshi3.png) no-repeat 75px 13px
}

.liz span {
    display: block
}

span.s1 {
    color: #0a5aad;
    font-size: 25px;
    font-weight: bold;
    padding-top: 15px
}

span.s2 {
    height: 40px;
    line-height: 33px;
    color: #979697
}

.list3 dt {
    background: url(../images/youshi4.png) no-repeat
}

.list3 dd,
.list2 dd,
.list4 dd {
    height: auto;
    _height: 30px
}

.list3 {
    background: url(../images/youshi10.jpg) no-repeat
}

.liz-wrapa {
    height: 526px;
    background: url(../images/youshi2.jpg) no-repeat
}

.liz-wrapa dl {
    width: 568px;
    padding-right: 10px;
    float: right;
    margin-top: 10px;
    clear: both
}

.liz-wrapa .s11 {
    margin-top: 1px
}

.liz-wrapa .s11 dt {
    background: url(../images/youshi5.png) no-repeat
}

.list2 .img {
    float: right;
    padding-left: 50px
}

.list4 {
    padding-bottom: 0;
    margin-top: 0;
    border: none;
    background-color: #f6f6f6
}

.liz-wrapb {
    height: 368px;
    background: url(../images/youshi3.jpg) no-repeat
}

.liz-wrapf {
    height: 345px;
    background: url(../images/youshi4.jpg) no-repeat
}

.list1 {
    margin-top: 0;
    background-color: #eeeced;
    border-bottom: 3px solid #0a5aad
}

.liz-wrapf dl {
    width: 600px;
    float: right;
    margin-top: 42px
}

.liz-wrapf .kefu1 {
    color: #0a5aad
}

.list4 dl {
    margin-top: 72px;
    margin-left: 10px;
    width: 530px;
}

.list2 dt {
    background: url(../images/youshi2.png) no-repeat
}

.list4 dt {
    background: url(../images/youshi6.png) no-repeat
}

.list1 dd.iphone {
    margin-top: 10px;
    line-height: 25px;
    background: url(../images/youshi9.png) no-repeat;
    height: 74px;
    padding-left: 80px;
    background-position: 30px 10px
}

.list1 dd.iphone span.ip {
    color: black;
    font-size: 18px;
    line-height: 30px
}

.list1 dd.iphone span.ip em {
    color: #dd3c0b;
    font-size: 30px;
    font-weight: bold;
    display: inline-block
}

.mid {
    margin-top: 20px;
    background: url(../images/mid1.jpg) no-repeat center
}

.mid .mid-m {
    height: 223px;
    background: url(../images/mid2.jpg) no-repeat center
}

.mid .mid-m p {
    color: #fff;
    font-size: 20px;
    float: right;
    margin: 138px 318px 0 0;
    _display: inline
}

.mid .mid-m p span {
    font-size: 30px;
    display: block;
    margin-top: 10px
}

.company {}

.company-cont {
    overflow: hidden;
}

.company h2 {
    font-size: 28px;
    color: #333;
    margin: 55px 0 10px 0
}

.company h3 {
    background-color: #ef5012;
    width: 425px;
    color: white;
    font-weight: normal;
    margin: 0 auto;
    padding: 4px 0;
    margin-bottom: 15px
}

.company .left .left-info {
    padding: 0 25px
}

.company .left p {
    text-align: left;
    text-indent: 2em;
    line-height: 25px;
    font-size: 14px
}

.company .scrollPic {
    position: relative
}

.company .scroll {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.company .scroll .c-pic {
    position: relative;
    height: 112px;
    background: url(../images/mid3.jpg) no-repeat
}

.c-pic-bottom {
    width: 1080px;
    padding-top: 13px;
}

.c-pic-bottom ul {
    overflow: hidden;
}

.c-pic-bottom ul li {
    float: left;
    padding: 0 5px;
}

.c-pic-bottom ul li img {
    width: 256px;
    height: 168px;
    display: block;
    margin: 0 auto;
    border: 1px #ccc solid;
    object-fit: contain;
}

.c-pic-bottom ul li span {
    display: block;
    width: 244px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.c-pic-bottom ul li span a {
    color: #000;
}

.marquee {
    width: 1040px;
    height: 195px;
    overflow: hidden;
}

.company .scroll .c-pic p {
    left: 426px;
    top: 49px;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #0a5aad
}

.company .scroll .c-pic p span {
    color: #dd3c0b;
    margin-left: 7px
}

.company .pic-wrapper {
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.company .left .pic-wrapper li {
    height: 100%;
    width: 258px;
    float: left;
    display: inline-block;
    margin: 0 6px;
    _display: inline
}

.company .left .pic-wrapper li p {
    text-align: center;
    text-indent: 0;
    font-size: 18px;
    margin-top: 15px;
    color: #000;
}

.newlist {
    margin-top: 37px
}

.newlist span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newlist .left {
    float: left;
    _display: inline;
    width: 730px;
    position: relative
}

.newlist .newcontent {
    overflow: hidden
}

.ultit li {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px
}

.ultit li a {
    background-color: #024a96;
    display: block;
    color: white;
    padding-left: 30px;
    font-size: 18px
}

.ultit li a.act {
    background-color: #dd3c0b
}

.ultit li a.act em {
    color: #e15a3d
}

.ultit li a em {
    color: #3573b5
}

.subleft {
    width: 247px;
    color: black;
    margin: 15px 25px 0 10px
}

.subleft-img {
    width: 242px;
    height: 169px;
    border: 1px solid #aaaaaa
}

.subleft-img a img {
    width: 242px;
    height: 169px;
}

.subleft,
.subright {
    float: left;
    margin-top: 17px
}

.subright {
    width: 415px;
    _width: auto;
    margin-left: 30px
}

.subleft div {
    font-size: 14px
}

.subleft div h4 {
    line-height: 30px;
    width: 230px;
}

.subleft div h4 a {
    font-size: 12px;
    color: #000;
}

.subleft div p {
    font-size: 12px;
    line-height: 25px
}

.date {
    padding: 0 4px
}

.date,
.listnews {
    float: left;
}

.listnews {
    width: 258px;
    _width: auto;
    line-height: 20px
}

.date span,
.listnews span {
    display: block;
    text-align: center
}

.listnews span.tit {
    color: #363636;
    line-height: 25px
}

.listnews span.listcon {
    color: #6f6f6f;
    white-space: normal
}

.listnews span {
    text-align: left
}

.fixed {
    position: relative;
    overflow: hidden;
    width: 100%
}

.newcontent {
    float: left;
    width: 50%;
    overflow: hidden
}

.poslide {
    width: 200%;
    position: relative;
    overflow: hidden
}

.newlist .right {
    float: right;
    width: 293px
}

.newlist .right p {
    line-height: 23px;
    border-bottom: 1px solid #024a96;
    height: 50px;
    color: #024a96;
    font-size: 18px;
    margin-bottom: 8px
}

.newlist .right p span {
    color: #b1bed5;
    font-size: 16px
}

.qa {
    overflow: hidden
}

.newlist .right dt {
    height: 35px;
    line-height: 20px;
}

.newlist .right dt a {
    color: #3c3e46;
    font-weight: bold;
}

.newlist .right dd {
    color: #7d7d7d
}

.newlist .right .fl {
    display: block;
    float: left;
    width: 255px;
    font-style: normal;
    line-height: 25px
}

.q,
.a {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: white;
    float: left;
    margin-right: 10px
}

.qawrap li {
    overflow: hidden;
    display: inline-block
}

.q {
    background-color: #024a96
}

.a {
    background-color: #dd3c0b
}

.subright li {
    line-height: 35px;
    border-bottom: 1px dashed #d1d1d1;
    background: url(../images/arrow-tags.jpg) no-repeat left center;
    padding-left: 15px
}

.subright span {
    display: block;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subright a {
    color: black
}

.subright a:hover {
    color: red
}

.youqing {
    height: 163px;
    background: url(../images/youqing.jpg) no-repeat center;
    margin-top: 30px
}

.youqing .y-top {
    padding-left: 27px;
    margin: 23px 0 0 20px;
    font-size: 22px;
    color: #1f1f1f;
    background: url(../images/youqing.png) no-repeat
}

.youqing .y-bottom {
    margin: 39px 0 0 23px
}

.youqing .y-bottom a {
    margin-right: 10px;
    padding-left: 10px;
    float: left;
    color: #8c8c8c;
    display: block;
    border-left: 1px solid #8c8c8c
}

.youqing .y-bottom a.b-right {
    border: none
}

.youqing .y-bottom a:hover {
    color: red
}

.footer-nav {
    background-color: #024a96;
    height: 50px;
    margin-top: 6px
}

.footer-nav ul {
    width: 900px;
    overflow: hidden;
    margin: 0 auto;
}

.footer-nav ul li {
    float: left;
    _display: inline
}

.footer-nav ul li.marg {
    margin-left: 53px
}



.footer-nav li a {
    margin-top: 19px;
    font-size: 14px;
    color: #fff;
    height: 100%;
    display: block;
    width: 80px;
    text-align: center;
    border-right: 1px solid #b8c4d9
}

.footer-nav li a:hover {
    text-decoration: none;
    color: red
}

.copyright {
    padding-top: 10px;
    padding-bottom: 15px
}

.copyright .footer-wrap {
    width: 850px;
    margin: 0 auto;
    overflow: hidden;
    height: 186px;
}

.copyright .footer-logo {
    float: left;
    margin-right: 10px;
    margin-top: 30px;
    _display: inline
}

.copyright li a {
    color: #666
}

.copyright li a:hover {
    color: red
}

.copyright ul {
    line-height: 25px;
    float: left;
    margin-top: 30px;
}



/*二维码*/
.erweima {
    float: right;
    width: 150px;
    height: 185px;

}

.chanpin2 {
    width: 300px;
    margin: 15px 0;
    text-align: center;
    overflow: hidden;
}

.chanpin2 h2 {
    font-size: 20px;
    font-family: "microsoft yahei";
    float: left;
    line-height: 50px;
}


.n_banner {
    height: 350px;
}